<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <meta HTTP-EQUIV="Expires" CONTENT="0">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="/css/weui-0.4.3.css">
    <link rel="stylesheet" href="/css/iconfont.css">
    <link rel="stylesheet" href="/css/weui.css">
    <title>监控详情</title>
    <style>
        .tab div{
            display: inline-block;
            width: 20%;
            text-align: center;
            padding: 10px 0;

        }
        .tab div:last-child {
            float: right;
        }
        .tab div:nth-child(2) {
            position: absolute;
            left: 40%;
        }
        a {
            position: absolute;
            left: 46%;
        }
    </style>
</head>
<body>
<div>
    <div class="weui-tab">
        <div class="weui-navbar">
            <div class="weui-navbar__item weui-bar__item_on" data-group="Ping">
                服务器监控
            </div>
            <div class="weui-navbar__item" data-group="Get">
                站点监控
            </div>
            <div class="weui-navbar__item" data-group="Icp">
                备案监控
            </div>
        </div>
        <div class="weui-tab__panel">
            <div class="tab">
                <div>名称</div>
                <div>修改</div>
                <div>是否启动</div>
            </div>
            <div id="panel">
                <div class="weui_cell weui_cell_switch" th:each="serverMap:${serverMap}">
                    <div class="weui_cell_hd weui_cell_primary" th:text="${serverMap.key}"></div>
                    <a th:href="@{'/openServerEditPage?groupName=Ping'+${serverMap.key}}"><i class="iconfont icon-xiugai2" th:data-value="${serverMap.key}"></i></a>
                    <div class="weui_cell_ft">
                        <input class="weui_switch" name="isOpen" th:data-id="${serverMap.key}" th:checked="${serverMap.value}=='checked'?true:false" type="checkbox">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/monitor_detail.js"></script>
</html>